@import "utils"
@import "colors"
@import "fonts"

*
  font-family: 'Avenir Next', 'Roboto', Helvetica Neue, Helvetica, sans-serif
  font-size: 1em

body
  +reset
  background: $background
  color: $text

h1, h2, h3
  +reset

h1
  font-size: 2em
  margin-bottom: 0.5em

h3
  margin-top: 1em
  margin-bottom: 0.3em

code
  +monospaced

p
  +reset
  padding: 0.5em 0

a
  font-variant: small-caps
  font-size: 1.2em
  text-decoration: none
  color: $link_text

.content
  +reset
  margin: 0 auto
  +adaptive("margin-top", 20px, 20px, 60px)
  +adaptive("max-width", 300px, 720px, 720px)
  width: 80%

.loading
  font-size: 1em

#tldr
  @import "debug"
  @import "navigation"
  @import "page"
